<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<title>报修单查询</title>
<meta name="keywords" content="智数宝,智数宝平台,大数据,便利店" />
<meta name="description" content="行业领导者,便利店大数据,O2O" />
<meta name="viewport"
	content="width=device-width, initial-scale=1.0, user-scalable=0" />
<meta
	content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0;"
	name="viewport" />
<!-- basic styles -->
<script src="${basePath!}/genius/ICalendar/js/lCalendar.js"></script>
<link rel="stylesheet" href="${basePath!}/genius/ICalendar/css/lCalendar.css">

<link rel="stylesheet" href="${basePath!}/genius/layui/css/layuimobile.css">
<link href="${basePath!}/genius/style/mobile_page/assets/css/bootstrap.min.css" rel="stylesheet" />
<link rel="stylesheet" href="${basePath!}/genius/style/mobile_page/assets/css/font-awesome.min.css" />
<link rel="stylesheet" href="${basePath!}/genius/style/mobile_page/assets/font-awesome-4.7.0/css/font-awesome.min.css" />

<!--<link rel="stylesheet" href="${basePath!}/genius/style/mobile_page/demo.css" type="text/css">
<link rel="stylesheet" type="text/css" href="${basePath!}/genius/style/mobile_page/zTreeStyle.css">-->

<link rel="stylesheet" type="text/css" href="${basePath!}/genius/style/mobile_page/bz_style.css">
<!--[if IE 7]>
		  <link rel="stylesheet" href="../jhcvs_new/assets/css/font-awesome-ie7.min.css" />
		<![endif]-->

<!-- page specific plugin styles -->

<link rel="stylesheet" href="${basePath!}/genius/style/mobile_page/assets/css/jquery-ui-1.10.3.custom.min.css" />
<link rel="stylesheet" href="${basePath!}/genius/style/mobile_page/assets/css/jquery.gritter.css" />

<!-- fonts -->
<!-- <link rel="stylesheet"
	href="http://fonts.googleapis.com/css?family=Open+Sans:400,300" /> -->

<!-- ace styles -->

<link rel="stylesheet" href="${basePath!}/genius/style/mobile_page/assets/css/ace.min.css" />
<link rel="stylesheet" href="${basePath!}/genius/style/mobile_page/assets/css/ace-rtl.min.css" />
<link rel="stylesheet" href="${basePath!}/genius/style/mobile_page/assets/css/ace-skins.min.css" />


<style>
       input::-webkit-input-placeholder{
            color:#eae2e7;
        }
        input::-moz-placeholder{   /* Mozilla Firefox 19+ */
            color:#eae2e7;
        }
        input:-moz-placeholder{    /* Mozilla Firefox 4 to 18 */
            color:#eae2e7;
        }
        input:-ms-input-placeholder{  /* Internet Explorer 10-11 */ 
            color:#eae2e7;
        }
       textarea::-webkit-input-placeholder{
            color:#eae2e7;
        }
        textarea::-moz-placeholder{   /* Mozilla Firefox 19+ */
            color:#eae2e7;
        }
        textarea:-moz-placeholder{    /* Mozilla Firefox 4 to 18 */
            color:#eae2e7;
        }
        textarea:-ms-input-placeholder{  /* Internet Explorer 10-11 */ 
            color:#eae2e7;
        }
/* @font-face {
  font-family: 'iconfont';
  src: url('iconfont.eot');
  src: url('iconfont.eot?#iefix') format('embedded-opentype'),
      url('iconfont.woff2') format('woff2'),
      url('iconfont.woff') format('woff'),
      url('iconfont.ttf') format('truetype'),
      url('iconfont.svg#iconfont') format('svg');
}
 */
.iconfont{
    font-family:"iconfont" !important;
    font-size:16px;font-style:normal;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: 0.2px;
    -moz-osx-font-smoothing: grayscale;
    }


.spinner-preview {
	width: 100px;
	height: 100px;
	text-align: center;
	margin-top: 60px;
}

.dropdown-preview {
	margin: 0 5px;
	display: inline-block;
}

.dropdown-preview>.dropdown-menu {
	display: block;
	position: static;
	margin-bottom: 5px;
}

.pull-left{
	width: 97%;
    margin: 0 auto;
    height: 60px;
}

.no-border{
	width:58px;
	height:29px;
}

.no-border img{
	width:100%;
}

.widget-main{
	width:100%;
}

.widget-main img{
	width:24%;
	margin-right:0.2%;
	margin-bottom:1%;
}

.col_box{
	width:100%;
	margin-bottom:15px;
	padding-bottom:10px;
	border-bottom:1px #ccc dashed;
}

.widget-header-flat {
    background: rgba(255,255,255,1);
}

.rowbox{
	width:100%;
	height:36px;
	line-height:34px;
	background-color:#fff;
	margin-bottom:10px;
}

.row_w30{
	width:50%;
	float:left;
	border-bottom:2px #fff solid;
	position:relative;
	text-align:center;
	font-size:16px;
}

.orange{
	color:#eb6100;
}

.add_bd_o{
	border-bottom:2px #f08200 solid;
}

.nb_box{
	position:absolute;
	padding:3px 3px;
	width:20px;
	height:20px;
	line-height:14px;
	top:8px;
	right:10%;
	background-color:#e12228;
	color:#fff;
	font-size:14px;
	border-radius:12px;
}

.add_box{
	width:94%;
	height:36px;
	line-height:34px;
	text-align:center;
	color:#669fc7;
	border:1px #669fc7 solid;
	border-radius:6px;
	margin:3% auto;
	background-color:#fff;
}

.bt_delete{
	width:60px;
	height:24px;
	line-height:24px;
	float:right;
	margin-top:8px;
	margin-right:8px;
	background-color:#eb6100;
	color:#fff;
	border-radius:4px;
	text-align:center;
	z-index:999;
}
.widget-box{
margin: 0px
}

.widget-header{
	color:#599ef8!important;
}
</style>


<link rel="stylesheet" type="text/css"  href="${basePath!}/genius/style/mobile_page/css/iconfont.css" />
<link rel="stylesheet" type="text/css"  href="${basePath!}/genius/style/mobile_page/iconfont_hygl/iconfont.css" />
<link rel="stylesheet" href="${basePath!}/genius/style/mobile_page/assets/css/use_style.css" />
<link rel="stylesheet" href="${basePath!}/genius/style/mobile_page/assets/css/cai.css" />
<!-- ace settings handler -->

<script src="${basePath!}/genius/style/mobile_page/assets/js/ace-extra.min.js"></script>
<!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->

<!--[if lt IE 9]>
		<script src="../jhcvs_new/assets/js/html5shiv.js"></script>
		<script src="../jhcvs_new/assets/js/respond.min.js"></script>
		<![endif]-->
				<style>
			body,
			p {
				margin: 0;
			}
			.parentWrap {
				border: 0px solid black;
				overflow: hidden;
			}
			.parent {
				background-color: lightgrey;
				margin-right: -10px;
				overflow: hidden;
			}
			.child {
				float: left;
				height:30px;
				width: 25%;
				padding-right: 1px;
				box-sizing: border-box;
				background-clip: content-box;
				background-color:#599EF8;
				text-align:center;
				color:white;
			}
			.child_1 {
				float: left;
				height:30px;
				width: 33.33%;
				padding-right: 1px;
				box-sizing: border-box;
				background-clip: content-box;
				background-color:#599EF8;
				text-align:center;
				color:white;
			}
			.child p{
				margin-top:4px;
			}
			.child_1 p{
				margin-top:4px;
			}
		</style>

</head>

<body>
	<div class="navbar navbar-default" id="navbar">
		<script type="text/javascript">
				try{ace.settings.check('navbar' , 'fixed')}catch(e){}
			</script>

		<div class="navbar-container" id="navbar-container">

			<!-- /.logo -->
			<div class="navbar-header" style="line-height: 28px;">
				<h  class="navbar-brand"> 
				<small>
				<span class="title_data"><i class="iconfont"></i>&nbsp;报修单查询</span>
				<span class="title_data" id="name"></span>
				</small> </h>

			</div>
			<div class="navbar-header" style="line-height: 28px;margin-top:-20px!important;float:left" id="title1">
				<h  class="navbar-brand" > 
				<small>
				<span class="title_data" id="repairid"><i class="iconfont"></i>&nbsp;店号:</span>
				<span class="title_data" >
				<select id="shopcode" style="min-height:0px!important;">
				</select>
				
				<input  id="shopcode1" style="width:88px;display:none"/>
				<img style="width:20px;position: absolute;margin-left:-6%;top:47px;display:none" src="${basePath!}/genius/style/project/images/search_1.png" id="search_img"/>
				
				</span>
				</small> 
				</h>
			</div>
			<div class="navbar-header" style="line-height: 28px;margin-top:-20px!important;float:right"  id="title2">
				<h  class="navbar-brand" > 
				<small>
				<span class="title_data" id="repairid"><i class="iconfont"></i>&nbsp;店名:</span>
				<span class="title_data" id ="shopname"></span>
				</small> 
				</h>
			</div>
			<!-- /.navbar-header -->

		</div>
		<!-- /.container -->
	</div>

	<!--顶部数据-->
	<div style="position: relative">
		<!-- /.顶部数据 -->
	</div>
	<div class="main-container" id="main-container">
		<div class="main-container-inner">
			<div class="main-content">
				<div class="page-content">
					<div class="row">	
						<div class="col-xs-12">
												<div class="parentWrap"  style="margin-top:5px">
													<div class="parent">
														<div class="child child1" style="display:none"><p>时间:</p></div>
														<div class="child child2" onclick="search_time(2)"><p>当天</p></div>
														<div class="child child3" onclick="search_time(3)"><p>一月内</p></div>
														<div class="child child4" onclick="search_time(4)"><p>三月内</p></div>
														<div class="child child5" onclick="search_time(5)"><p>自定义</p></div>
													</div>
												</div>

							<div class="data-md" id="time1" style="padding-bottom: 0px;text-align:center!important">
								 	
							</div>
							<div class="data-md" id="time2" style="padding-bottom: 0px;display:none">
								<div>
								<input type="text" id="startDate" class="pull-left" style="width: 38%; margin-right: 2%" readonly="readonly" /> 
								<input type="text" class="pull-left" id="endDate" style="width: 38%; margin-right: 2%" readonly="readonly" /> 
								<a style="width: 20%;margin-top: 1px;height: 35px" class="btn1 btn-warning btn-baifen" id="searchButton">查询</a>
								</div>
							</div>
												<div class="parentWrap"  style="margin-top:5px">
													<div class="parent">
														<div class="child_1 child1"  onclick="search_flag(1)"><p>未处理单据</p></div>
														<div class="child_1 child2"  onclick="search_flag(2)"><p>维修未完成</p></div>
														<div class="child_1 child3"  onclick="search_flag(3)"><p>已完成单据</p></div>
													</div>
												</div>
								<div class="widget-box">
										<div class="widget-header widget-header-flat widget-header-small" style="margin-top:5px">
											<h5>
												<i class="icon-signal"></i>
												<span id="quyuTitle">报修单列表</span>
											</h5>
										</div>
									<div class="widget-body">
										<div class="widget-main" style="padding:2px!important">
										    <div class="clearfix">
												<div class="widget-main no-padding">
									  				<table class="table table-bordered table-striped">
														<thead class="thin-border-bottom">
																	<tr>
																		<th style="width: 25%;padding-left: 0px;padding-right: 0px;">报修日期</th>
																		<th style="width: 40%;padding-left: 0px;padding-right: 0px;">问题说明</th>
																		<th style="width: 15%">时长</th>
																		<th>状态</th>
																	</tr>
															</thead>
															<tbody id="data">
															
															</tbody>
														</table>
													</div>
												</div>
											</div>
										</div>
									</div>			
					</div>
					<!-- /.row -->
				</div>
				<!-- /.page-content -->
			</div>
		<!-- 	<a href="#" id="btn-scroll-up"
				class="btn-scroll-up btn btn-sm btn-inverse"> <i
				class="icon-double-angle-up icon-only bigger-110"></i> </a> -->
			</div>
		</div>
		</div>
		<script type="text/javascript">
			window.jQuery || document.write("<script src='${basePath!}/genius/style/mobile_page/assets/js/jquery-2.0.3.min.js'>"+"<"+"script>");
		</script>

		<script type="text/javascript">
			if("ontouchend" in document) document.write("<script src='${basePath!}/genius/style/mobile_page/assets/js/jquery.mobile.custom.min.js'>"+"<"+"script>");
		</script>
		<script src="${basePath!}/genius/style/mobile_page/assets/js/bootstrap.min.js"></script>
		<script src="${basePath!}/genius/style/mobile_page/assets/js/typeahead-bs2.min.js"></script>
		<script src="${basePath!}/genius/style/mobile_page/assets/js/jquery-ui-1.10.3.custom.min.js"></script>
		<script src="${basePath!}/genius/style/mobile_page/assets/js/jquery.ui.touch-punch.min.js"></script>
		<script src="${basePath!}/genius/style/mobile_page/assets/js/jquery.slimscroll.min.js"></script>
		<script src="${basePath!}/genius/style/mobile_page/assets/js/jquery.easy-pie-chart.min.js"></script>
		<script src="${basePath!}/genius/style/mobile_page/assets/js/jquery.sparkline.min.js"></script>
		<script src="${basePath!}/genius/style/mobile_page/assets/js/flot/jquery.flot.min.js"></script>
		<script src="${basePath!}/genius/style/mobile_page/assets/js/flot/jquery.flot.pie.min.js"></script>
		<script src="${basePath!}/genius/style/mobile_page/assets/js/flot/jquery.flot.resize.min.js"></script>
		<script src="${basePath!}/genius/style/mobile_page/assets/js/ace-elements.min.js"></script>
		<script src="${basePath!}/genius/style/mobile_page/assets/js/ace.min.js"></script>
		<script type="text/javascript"
			src="http://g.alicdn.com/dingding/dingtalk-jsapi/2.6.41/dingtalk.open.js"
			language="javascript" charset="utf-8"></script>
		<script type="text/javascript" src="${basePath!}/genius/js/dingding/dingdingmenu.js"></script>
		<!--  <script charset="utf-8" src="../echarts-3/echartjs/echarts.js"></script>-->
		<script type="text/javascript" src="${basePath!}/genius/js/dingding/jquery.jSelectDate.js"></script>
		<script src="${basePath!}/genius/layui/layui.all.js" charset="utf-8"></script>
		<script type="text/javascript" src="${basePath!}/genius/style/mobile_page/xm-select.js"  charset="utf-8"></script>
		<script>var sessionname ='${currentUser.name}';	var sessionid ='${currentUser.userId!}';</script>

		<script type="text/javascript" src='${basePath!}/genius/style/mobile_page/assets/js/search/jquery.min.js'></script>
		<script type="text/javascript" src="${basePath!}/genius/style/mobile_page/assets/js/search/index.js"></script>
		<script> 
		  document.write("<script type='text/javascript' src='${basePath!}/genius/js/mobile_page/baoxiu/baoxiu_chaxvn.js?v="+Math.random()+"'><\/script>");  
		 </script>
</body>
</html>

